<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link th:href="@{/bootstrap/css/bootstrap.min.css}" rel="stylesheet">
  <link rel="stylesheet" type="text/css" th:href="@{/css/hello.css}">
  <script type="text/javascript" th:src="@{/js/jquery-3.3.1.js}"></script>
  <script type="text/javascript" th:src="@{/js/js.cookie.js}"></script>
  <script type="text/javascript" th:src="@{/js/hello.js}"></script>
  <script type="text/javascript" th:src="@{/js/change_page.js}"></script>
  <script th:src="@{/bootstrap/js/bootstrap.min.js}"></script>
  <title style="color: white"><span style="color: white">个人中心</span></title>
</head>
<!--在FunctionController-->
<script type="text/javascript">
  $(function () {
    showAmountFlags();
  });
</script>
<body style="background-color: transparent">
<div class="container-fluid">
  <div class="hello-main" style="color: white">
    <ul id="sub_pages_ul" class="nav nav-tabs nav-justified">
      <li id="sub_page0" role="presentation" class="active"><a href="javascript:void(0)"
                                                               onclick="change_page(0, '0')">Home</a>
      </li>
      <li id="sub_page1" role="presentation"><a href="javascript:void(0)"
                                                onclick="change_page(1, 'myFile')">文件
        <span class="badge" id="file_amount_flag"></span></a></li>
      <li id="sub_page2" role="presentation"><a href="javascript:void(0)"
                                                onclick="change_page(2, 'myMemo')">便签
        <span class="badge" id="memo_amount_flag"></span></a></li>
      <li id="sub_page5" role="presentation"><a href="javascript:void(0)" onclick="change_page(5)">She</a>
      </li>
    </ul>

    <div id="hello-nav-text" style="margin-top: 50px;color: white">
      <h1>你好，世界。</h1>
      <br>
      <p class="lead">Hello, world.</p>
      <p class="text-uppercase" style="display: inline">Here is the link on github - > </p><a
        href="goSource"
        target="_blank">点我前往</a>
      <br>
      <br>
      <p style="color: white">
        Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis
        dis
        parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

        Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec
        ullamcorper
        nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor
        ligula, eget
        lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.

        Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta
        gravida at
        eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia
        odio sem nec
        elit.
      </p>
      <hr>

      <ul>
        <li class="lead">文件</li>
        <li class="lead">便签</li>

      </ul>

      <blockquote class="blockquote-reverse">
        <p>@author zzr | treeliked</p>
      </blockquote>
    </div>
    <div>
      <iframe id="content-main" width="100%" height="600px" frameborder="0"
              style="margin-top: 30px"></iframe>
    </div>

  </div>
</div>
</body>
</html>